<html>
<head>
	<meta charset="utf-8">
    <title>Rasenball World Championship 2014</title>
    <meta http-equiv="X-UA-Compatible" 	content="IE=edge,chrome=1">
    <meta name="viewport" 				content="width=device-width">
    <meta name="author" 				content="Mondula GmbH, Hamburg, Germany" />
	<meta name="copyright" 				content="Mondula GmbH, Hamburg, Germany" />
    <meta property="og:site_name" 		content="Rasenball" />
	<meta property="og:url" 			content="http://rasenball.com" />
	<meta property="og:title" 			content="Rasenball Weltmeisterschaft 2014" />
	<meta name="description" 			content="Visualization for the World Championship.">
	<meta property="og:description" 	content="Visualization for the World Championship" />
	<meta name="twitter:site" 			value="@MONDULA" />
	<meta name="keywords" 				content="Rasenball, World Cup, Mondula, Browser, Visualization, Dashboards, Infographics, Web"/>
  	<!-- favicon.ico and apple-touch-icon.png -->
    <link rel="shortcut icon" 		href="favicon.ico">
    <link rel="apple-touch-icon" 	href="apple-touch-icon-57x57-precomposed.png">
    <link rel="apple-touch-icon" 	href="apple-touch-icon-72x72-precomposed.png" sizes="72x72">
    <link rel="apple-touch-icon" 	href="apple-touch-icon-114x114-precomposed.png" sizes="114x114">
    <meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
	<meta name="mobile-web-app-capable" content="yes">
	<!-- great, minimal-ui flags an error in chrome, but is necessary for ios7.1 ... -->
	<meta name="viewport" content="minimal-ui,width=device-width,initial-scale=1.0,user-scalable=no">
	<link rel="stylesheet" type="text/css" href="mob.css">
	<link href="http://fonts.googleapis.com/css?family=Shadows+Into+Light|Oswald:400,300,700" rel="stylesheet" type="text/css">
	<!-- add google analytics -->
	<script>
	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
	
	  ga('create', 'UA-47741807-4', 'rasenball.com');
	  ga('send', 'pageview');
	</script>
</head>
<body id="mainbody">
  	<div id="backgroundcanvas" class="canvas"></div>
  	<div id="maincanvas" class="canvas">
  	  	<div id="globeframe"><div id="navigatorcontainer"></div></div>
    	<div id="backgroundframe"></div>
    	<div id="startScreen">
        	<table id="basenavtable"><tr id="startSplashTop"><td>Teams</td><td>Matchdays</td><td>Overview</td></tr></table>
        	<table id="titleTable">
        	  	<tr class="title0"><td id="splash0">Rasenball 2014</td></tr>
          		<tr class="title1"><td id="splash1">&#160;</td></tr>
          		<tr><td id="splash2">Designed by</td></tr>
          		<tr><td id="splash3"><a href="http://www.mondula.com" target="_blank"><img src="img/logo_ohne.png"></a></td></tr>
        	</table>
    	</div>
    	<div id="stadiumdiv"></div>
    	<div id="displayframe"></div>
  	</div>
  	<div class="waitindicator"></div>
  	<div id="addcontrols">
  		<div id="infooverlay" class="">
  			<div id="mytip-layer" class="infooverlaycnt">
  				<h3>Your Tips</h3>
  				<div class="helpcol formcol">
  					<!--div class="tablediv inputtable" style="margin-top: 1em; display: block;"><table class="matchtable"><tbody>
  						<tr id="match0" class="tablecontent"><td class="td0">21.06</td><td class="td1"><img src="./flaggen/Argentina.png">&nbsp;Argentinien</td><td class="td2"><input type="number" class="resultin left">:<input type="number" class="resultin right"></td><td class="td3">Iran&nbsp;<img src="./flaggen/Iran.png"></td><td><span class="check">x</span></td></tr>
  						<tr id="match1" class="tablecontent"><td class="td0">21.06</td><td class="td1"><img src="./flaggen/Nigeria.png">&nbsp;Nigeria</td><td class="td2">-:-</td><td class="td3">Bosnien&nbsp;<img src="./flaggen/Bosnia-and-Herzegovina.png"></td><td><span class="check">x</span></td></tr>
  						<tr id="match2" class="tablecontent"><td class="td0">21.06</td><td class="td1"><img src="./flaggen/Germany.png">&nbsp;Deutschland</td><td class="td2">-:-</td><td class="td3">Ghana&nbsp;<img src="./flaggen/Ghana.png"></td><td><span class="check">x</span></td></tr>
  						<tr id="match3" class="tablecontent"><td class="td0">21.06</td><td class="td1"><img src="./flaggen/Germany.png">&nbsp;Deutschland</td><td class="td2">-:-</td><td class="td3">Ghana&nbsp;<img src="./flaggen/Ghana.png"></td><td><span class="check">x</span></td></tr>
  						<tr id="match4" class="tablecontent"><td class="td0">21.06</td><td class="td1"><img src="./flaggen/Germany.png">&nbsp;Deutschland</td><td class="td2">-:-</td><td class="td3">Ghana&nbsp;<img src="./flaggen/Ghana.png"></td><td><span class="check">x</span></td></tr>
  						<tr id="match5" class="tablecontent"><td class="td0">21.06</td><td class="td1"><img src="./flaggen/Germany.png">&nbsp;Deutschland</td><td class="td2">-:-</td><td class="td3">Ghana&nbsp;<img src="./flaggen/Ghana.png"></td><td><span class="check">x</span></td></tr>
  						<tr id="match6" class="tablecontent"><td class="td0">21.06</td><td class="td1"><img src="./flaggen/Germany.png">&nbsp;Deutschland</td><td class="td2">-:-</td><td class="td3">Ghana&nbsp;<img src="./flaggen/Ghana.png"></td><td><span class="check">x</span></td></tr>
  						<tr id="match7" class="tablecontent"><td class="td0">21.06</td><td class="td1"><img src="./flaggen/Germany.png">&nbsp;Deutschland</td><td class="td2">-:-</td><td class="td3">Ghana&nbsp;<img src="./flaggen/Ghana.png"></td><td><span class="check">x</span></td></tr>
  						<tr id="match8" class="tablecontent"><td class="td0">21.06</td><td class="td1"><img src="./flaggen/Germany.png">&nbsp;Deutschland</td><td class="td2">-:-</td><td class="td3">Ghana&nbsp;<img src="./flaggen/Ghana.png"></td><td><span class="check">x</span></td></tr>
  						<tr id="match9" class="tablecontent"><td class="td0">21.06</td><td class="td1"><img src="./flaggen/Germany.png">&nbsp;Deutschland</td><td class="td2">-:-</td><td class="td3">Ghana&nbsp;<img src="./flaggen/Ghana.png"></td><td><span class="check">x</span></td></tr>
  						<tr id="match0" class="tablecontent"><td class="td0">21.06</td><td class="td1"><img src="./flaggen/Germany.png">&nbsp;Deutschland</td><td class="td2">-:-</td><td class="td3">Ghana&nbsp;<img src="./flaggen/Ghana.png"></td><td><span class="check">x</span></td></tr>
  						<tr id="match1" class="tablecontent"><td class="td0">21.06</td><td class="td1"><img src="./flaggen/Germany.png">&nbsp;Deutschland</td><td class="td2">-:-</td><td class="td3">Ghana&nbsp;<img src="./flaggen/Ghana.png"></td><td><span class="check">x</span></td></tr>
  						<tr id="match2" class="tablecontent"><td class="td0">21.06</td><td class="td1"><img src="./flaggen/Germany.png">&nbsp;Deutschland</td><td class="td2">-:-</td><td class="td3">Ghana&nbsp;<img src="./flaggen/Ghana.png"></td><td><span class="check">x</span></td></tr>
  						<tr id="match3" class="tablecontent"><td class="td0">21.06</td><td class="td1"><img src="./flaggen/Germany.png">&nbsp;Deutschland</td><td class="td2">-:-</td><td class="td3">Ghana&nbsp;<img src="./flaggen/Ghana.png"></td><td><span class="check">x</span></td></tr>
  						<tr id="match4" class="tablecontent"><td class="td0">21.06</td><td class="td1"><img src="./flaggen/Germany.png">&nbsp;Deutschland</td><td class="td2">-:-</td><td class="td3">Ghana&nbsp;<img src="./flaggen/Ghana.png"></td><td><span class="check">x</span></td></tr>
  						<tr id="match5" class="tablecontent"><td class="td0">21.06</td><td class="td1"><img src="./flaggen/Germany.png">&nbsp;Deutschland</td><td class="td2">-:-</td><td class="td3">Ghana&nbsp;<img src="./flaggen/Ghana.png"></td><td><span class="check">x</span></td></tr>
  					</tbody></table></div-->
  					<h1>Soocer Pool Game</h1>
					<p>Starting May 1st, you can join our pool game here.</p>
				</div>
  			</div>
  			<div id="over-layer" class="infooverlaycnt">
  				<div class="helpcol formcol">
					<!--iframe src="game/over.php" id="contactframe" frameborder="0" border="0" scrolling="no"></iframe-->
					<h1>Soocer Pool Game</h1>
					<p>Starting May 1st, you can join our pool game here.</p>
				</div>
  			</div>
  			<div id="admin-layer" class="infooverlaycnt">
  				<div class="helpcol formcol">
					<!--iframe src="game/admin.php" id="contactframe" frameborder="0" border="0" scrolling="no"></iframe-->
					<h1>Soocer Pool Game</h1>
					<p>Starting May 1st, you can join our pool game here.</p>
				</div>
  			</div>
  			<div id="info-layer" class="infooverlaycnt">
				<div class="helpcol">
					<h1>Rasenball</h1>
					<p>Rasenball is a visualization of the match table for the Soccer World Cup 2014.</p>
					<p>The main menu allows you to choose which kind of information should be displayed. 
					<span class="mobile">
						With the submenus you can choose more specific areas of interest.
						<br>
						For more information contact us at 
							<a href="mailto:rasenball@mondula.com" style="color:#fff;">rasenball@mondula.com</a>.
						</span>
					</p>
				</div>
			</div>
			<div id="infocollapse" class="collapsing icon-down"></div>
  		</div>
  		<div id="mainmenu" class="cornermenu left bottom">
  			<div class="cornermenuoutline"></div>
			<div class="cornersubmenu">
				<ul class="cornersubmenuinner">
					<li><a class="menuentry icon-de"		href="mobile_de.html"><span>German Version</span></a></li>
	          		<li><a class="menuentry icon-about" 	href="javascript:void(0);" id="infobutton" ><span style="margin:0 0 0 -1em;">About Rasenball</span></a></li>
	  			</ul>
			</div>
			<div id="infobuttxon" class="icon-menu cornermainmenu"></div>
		</div>
  		<div id="refreshbutton" class="icon-refresh controlbtn"></div>
  	</div>
  	<script type="text/javascript">
  		var DATA_URL 	= "./db.json", 
  			ROOT 		= "./", 
  			LANG 		= 'en',
  			FIRST_SUB	= ["Al-Cr","Ec-Ja","Me-Us"],
  			HEADER 		= [	'Teams<span class="smalltext"><br>', 
  							'Matchdays<span class="smalltext"><br>', 
  							'Groups<br><span class="smalltext">Overview</span>',
  							'Groups<br><span class="smalltext">Table</span>',
  							'KO-Phase<br><span class="smalltext">Overview</span>'],
  			SUBHEADERS = [
  		                  ["Algeria - Croatia","Ecuador - Japan","Mexico - USA"],
  		                  ["12.06. - 20.06.2014", "21.6. - 30.06.2014","01.07. - 13.07.2014"]],
			LABELS      = {
	                nationalteams: "National Teams",
	                teams:'Teams',
	                matchdays:  "Matchdays",
	                days:  "Matchdays",
	                groupormatch: "Group or Match",
	                groups: "Groups",
	                group_stage: "Group stage",
	                matches: "Matches",
	                locations: "Venues",
	                locations_s: "Venues",
	                group: "Group",
	                last_sixteen: "Round of 16",
	                quarter_finals: "Quarter-finals",
	                semi_finals: "Semi-finals",
	                third_place: "3rd place",
	                third_place_l: "Third place",
	                finals: "Final",
	                grouptableheaders: ["","Gms","W","T","L","G","P"],
	                places:['1st','2nd'],
	                winner:'Winner',
	                looser:'Looser',
	                allgames:"All Games",
	                table: 'Table'
	            };
  	</script>
  	<script type="text/javascript" src="base.js"></script>
	<script type="text/javascript" src="mob.js"></script>
</body>
</html>
